extends layout

block head
	link(rel='stylesheet', href='/stylesheets/vitrinia/company.css')
	

block content
	div.container
		div.row
			div.page-header
				h1.page-title #{title}
			div.well
				div#myCarousel.carousel.slide
					ol.carousel-indicators
						li.active(data-target='#myCarousel', data-slide-to='0')
						li(data-target='#myCarousel', data-slide-to='1')
						li(data-target='#myCarousel', data-slide-to='2')
					
					div.carousel-inner
						div.item.active
							div.row-fluid
								div.span4
									a.thumbnail(href='#x')
										img(src='img/producto.jpg', alt='Image', style='max-width: 100%;')
										div.caption
											div.alert-success
												h3 Marca
												p x1
												p precio
								div.span4
									a.thumbnail(href='#x')
										img(src='img/producto.jpg', alt='Image', style='max-width: 100%;')
								div.span4
									a.thumbnail(href='#x')
										img(src='img/producto.jpg', alt='Image', style='max-width: 100%;')
								
						div.item
							div.row-fluid
								div.span3
									a.thumbnail(href='#x')
										img(src='img/producto.jpg', alt='Image', style='max-width: 100%;')
										div.caption
											div.alert-success
												h3 Marca
												p x1
												p precio
								div.span3
									a.thumbnail(href='#x')
										img(src='img/producto.jpg', alt='Image', style='max-width: 100%;')
								div.span3
									a.thumbnail(href='#x')
										img(src='img/producto.jpg', alt='Image', style='max-width: 100%;')
								div.span3
									a.thumbnail(href='#x')
										img(src='img/producto.jpg', alt='Image', style='max-width: 100%;')
						
						div.item
							div.row-fluid
								div.span3
									a.thumbnail(href='#x')
										img(src='img/producto.jpg', alt='Image', style='max-width: 100%;')
								div.span3
									a.thumbnail(href='#x')
										img(src='img/producto.jpg', alt='Image', style='max-width: 100%;')
								div.span3
									a.thumbnail(href='#x')
										img(src='img/producto.jpg', alt='Image', style='max-width: 100%;')
								div.span3
									a.thumbnail(href='#x')
										img(src='img/producto.jpg', alt='Image', style='max-width: 100%;')
					
					a.left.carousel-control(href='#myCarousel', data-slide='prev')‹
					a.right.carousel-control(href='#myCarousel', data-slide='next')›
			
			div.row-fluid
				p Tienes #{cantidad} productos de #{total}
				a(href='#')+
						
block js
	script(type='text/javascript', src='js/vitrinia/company.js')​
